<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<title>九盛中彩</title>

		<link href="css/mui.css" rel="stylesheet" />
		<link href="css/fonts.css" rel="stylesheet" />
		<link href="css/style.css" rel="stylesheet" />
		<link href="css/store.css" rel="stylesheet" />
		<link href="css/mui.indexedlist.css" rel="stylesheet" />
	</head>
	
	
	
	<body>
		<div id="app">
			<header class="mui-bar mui-bar-nav header">
				<a class="mui-icon mui-icon-arrowleft" style="float: left;">

				</a>

				<div class="mui-title"><span class="mui-icon mui-icon-location"></span> <span class="location">杭州市</span> <span class="mui-icon mui-icon-arrowdown"></span> </div>
				<div class="header-search">
					<div class="mui-indexed-list-search mui-input-row mui-search" >
						<input type="search" class="mui-input-clear mui-indexed-list-search-input" placeholder="请输入门店名称">
					</div>
				</div>
			</header>
			
			<runoob></runoob>
			
			<div id="pullrefresh" class="mui-content mui-scroll-wrapper">
				<ul id="list" class="mui-table-view mui-table-view-chevron">
					<div class="xian"></div>
					<li class="mui-table-view-cell mui-media">
						<a class="" href="store_details.html"><img class="mui-media-object mui-pull-left" data-lazyload-id="0" src="images/store1.png">
							<div class="mui-media-body">水晶店
								<p class="mui-ellipsis">杭州市下城区绍兴路735号</p>
							</div>
							<div class="mui-media-right">
								<div class="right-km">4.02 km</div>
								<div class="right-fav mui-icon mui-icon-star"></div>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media">
						<a class="" href="store_details.html"><img class="mui-media-object mui-pull-left" data-lazyload-id="0" src="images/store1.png">
							<div class="mui-media-body">文三路店
								<p class="mui-ellipsis">杭州市西湖区文三路489号</p>
							</div>
							<div class="mui-media-right">
								<div class="right-km">4.02 km</div>
								<div class="right-fav mui-icon mui-icon-star"></div>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media">
						<a class="" href="store_details.html"><img class="mui-media-object mui-pull-left" data-lazyload-id="0" src="images/store1.png">
							<div class="mui-media-body">水晶店
								<p class="mui-ellipsis">杭州市下城区绍兴路735号</p>
							</div>
							<div class="mui-media-right">
								<div class="right-km">4.02 km</div>
								<div class="right-fav mui-icon mui-icon-star"></div>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media">
						<a class="" href="store_details.html"><img class="mui-media-object mui-pull-left" data-lazyload-id="0" src="images/store1.png">
							<div class="mui-media-body">文三路店
								<p class="mui-ellipsis">杭州市西湖区文三路489号</p>
							</div>
							<div class="mui-media-right">
								<div class="right-km">4.02 km</div>
								<div class="right-fav mui-icon mui-icon-star"></div>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media">
						<a class="" src="store_details.html"><img class="mui-media-object mui-pull-left" data-lazyload-id="0" src="images/store1.png">
							<div class="mui-media-body">水晶店
								<p class="mui-ellipsis">杭州市下城区绍兴路735号</p>
							</div>
							<div class="mui-media-right">
								<div class="right-km">4.02 km</div>
								<div class="right-fav mui-icon mui-icon-star"></div>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media">
						<a class="" src="store_details.html"><img class="mui-media-object mui-pull-left" data-lazyload-id="0" src="images/store1.png">
							<div class="mui-media-body">文三路店
								<p class="mui-ellipsis">杭州市西湖区文三路489号</p>
							</div>
							<div class="mui-media-right">
								<div class="right-km">4.02 km</div>
								<div class="right-fav mui-icon mui-icon-star"></div>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media">
						<a class=""><img class="mui-media-object mui-pull-left" data-lazyload-id="0" src="images/store1.png">
							<div class="mui-media-body">水晶店
								<p class="mui-ellipsis">杭州市下城区绍兴路735号</p>
							</div>
							<div class="mui-media-right">
								<div class="right-km">4.02 km</div>
								<div class="right-fav mui-icon mui-icon-star"></div>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media">
						<a class=""><img class="mui-media-object mui-pull-left" data-lazyload-id="0" src="images/store1.png">
							<div class="mui-media-body">文三路店
								<p class="mui-ellipsis">杭州市西湖区文三路489号</p>
							</div>
							<div class="mui-media-right">
								<div class="right-km">4.02 km</div>
								<div class="right-fav mui-icon mui-icon-star"></div>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media">
						<a class=""><img class="mui-media-object mui-pull-left" data-lazyload-id="0" src="images/store1.png">
							<div class="mui-media-body">水晶店
								<p class="mui-ellipsis">杭州市下城区绍兴路735号</p>
							</div>
							<div class="mui-media-right">
								<div class="right-km">4.02 km</div>
								<div class="right-fav mui-icon mui-icon-star"></div>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media">
						<a class="" href="store.html"><img class="mui-media-object mui-pull-left" data-lazyload-id="0" src="images/store1.png">
							<div class="mui-media-body">文三路店
								<p class="mui-ellipsis">杭州市西湖区文三路489号</p>
							</div>
							<div class="mui-media-right">
								<div class="right-km">4.02 km</div>
								<div class="right-fav mui-icon mui-icon-star"></div>
							</div>
						</a>
					</li>

				</ul>
			
			
			</div>
		</div>

	</body>



	<script src="js/jquery-1.11.1.min.js"></script>
	<script src="js/mui.min.js"></script>
	<script src="js/vue.js"></script>
	<script src="js/nav.js"></script>
	<script src="js/rem.js"></script>

	<script src="js/mui.lazyload.js"></script>
	<script src="js/mui.lazyload.img.js"></script>
	
	<script>
mui('body').on('tap', 'a', function () { document.location.href = this.href; });
//定位
var slocation = (getUrlParam("location"))
if(slocation != "" && slocation != null){
	
	localStorage.setItem("stroe_location",slocation)  
}
else{
	slocation = localStorage.getItem("stroe_location") ;
	if(slocation == "" || slocation == null){
		slocation = "定位中.."
	}
}
$(".location").html(slocation)
//定位


function getUrlParam(key) {
    // 获取参数
    var url = window.location.search;
    // 正则筛选地址栏
    var reg = new RegExp("(^|&)" + key + "=([^&]*)(&|$)");
    // 匹配目标参数
    var result = url.substr(1).match(reg);
    //返回参数值
    return result ? decodeURIComponent(result[2]) : null;
}

$(".mui-media").on('click',function() {
				console.log("234")
})

$(".mui-media").on('mousedown',function() {
				console.log("234")
})
	
	
		mui.init();
		$(document).ready(function() {

			new Vue({
				el: '#app'
			})
			$('.nav-list a').eq(1).addClass('mui-active');
			
			$('.nav-list a').on('click', function() {
				var dataId = $(this).attr('id');
				location.href = dataId + '.html';
				
			})
			
			
			
			$(".mui-title").on('click', function() {
				
				location.href = "store_list.html";
			})
//			$(document).imageLazyload({
//				placeholder: 'images/loading.gif'
//			});
			
			
			
	options = {
		scrollY: true, //是否竖向滚动
		scrollX: false, //是否横向滚动
		startX: 0, //初始化时滚动至x
		startY: 0, //初始化时滚动至y
		indicators: true, //是否显示滚动条
		deceleration:0.0006, //阻尼系数,系数越小滑动越灵敏
		bounce: true //是否启用回弹
	}
	mui('.mui-scroll-wrapper').scroll(options);
		
		
		})

		mui.init({
			pullRefresh: {
				container: '#pullrefresh',
				down: {
					//						height: 50, //可选,默认50.触发下拉刷新拖动距离,
					//						auto: true, //可选,默认false.首次加载自动下拉刷新一次
					//						contentdown: "下拉可以刷新", //可选，在下拉可刷新状态时，下拉刷新控件上显示的标题内容
					//						contentover: "释放立即刷新", //可选，在释放可刷新状态时，下拉刷新控件上显示的标题内容
					//						contentrefresh: "正在努力刷新...", //可选，正在刷新状态时，下拉刷新控件上显示的标题内容
					callback: setDown //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；
				}
				//					,
				//					up: {
				//						contentrefresh: '正在加载...',
				//						callback: setUp
				//					}
			},
			gestureConfig: {
				tap: true, //默认为true
				doubletap: true, //默认为false
				longtap: true, //默认为false
				swipe: true, //默认为true
				drag: true, //默认为true
				hold: false, //默认为false，不监听
				release: false //默认为false，不监听
			},
			swipeBack: true //启用右滑关闭功能
		});

		//			mui(".mui-scroll-wrapper").scroll({
		//				bounce: false, //滚动条是否有弹力默认是true
		//				indicators: false, //是否显示滚动条,默认是true
		//				deceleration: mui.os.ios ? 0.0003 : 0.0009 //flick 减速系数，系数越大，滚动速度越慢，滚动距离越小，默认值0.0006
		//			});

		function setDown() {
			mui('#pullrefresh').pullRefresh().endPulldownToRefresh();
		}

		function setUp() {
			mui('#pullrefresh').pullRefresh().pullupLoading();
		}
		//			mui('.index-qiandao').addEventListener("swipeleft",function(){
		//			     console.log("你正在向左滑动");
		//			});
	</script>

</html>